<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>我的计算器</title>
		<link rel="stylesheet" type="text/css" href="css/calculator.css" />
	</head>

	<body>
		<div id="calculator">
			<div id="calcu-head">
				<h6>计算器</h6></div>
			<form name="calculator" action="" method="get">
				<div id="calcu-screen">
					<!--配置显示窗口，使用onfocus="this.blur();"避免键盘输入-->
					<input type="text" name="txtScream" id="txtScream" class="screen" onfocus="this.blur();" />
				</div>
				<div id="calcu-btn">
					<ul>
						<!--配置按钮-->
						<li class="tool" onclick="myMath('cos')">cos</li>
						<li class="tool" onclick="myMath('sin')">sin</li>
						<li class="tool" onclick="myMath('tan')">tan</li>
						<li class="tool" onclick="myMath('x²');">x²</li>
						<li class="tool" onclick="myMath('√');">√</li>
						<li onclick="digital(7)">7</li>
						<li onclick="digital(8)">8</li>
						<li onclick="digital(9)">9</li>
						<li class="tool" onclick="backspace();">←</li>
						<li class="tool" onclick="clearAll();">C</li>
						<li onclick="digital(4)">4</li>
						<li onclick="digital(5)">5</li>
						<li onclick="digital(6)">6</li>
						<li class="tool" onclick="calculation('x')">×</li>
						<li class="tool" onclick="calculation('÷')">÷</li>
						<li onclick="digital(1)">1</li>
						<li onclick="digital(2)">2</li>
						<li onclick="digital(3)">3</li>
						<li class="tool" onclick="calculation('+')">+</li>
						<li class="tool" onclick="calculation('-')">-</li>
						<li onclick="digital(0)">0</li>
						<li onclick="digital(10)">00</li>
						<li onclick="digital('.')">.</li>
						<li class="tool" onclick="calculation('%')">%</li>
						<li class="tool" onclick="getResult()">=</li>
					</ul>
				</div>
				<div id="calcu-foot">
					<span id="note"></span>
				</div>
			</form>
		</div>
		<script type="text/javascript" src="js/calculator.js"></script>
	</body>

</html>